<template>
  <!-- 施工地址） -->
  <div class="mt-[30px] flex items-center">
    <div class="w-[4px] h-[12px] bg-[#EF6800]"></div>
    <div class="ml-[10px] text-[#EF6800]  font-bold" style="font-size: 16px">施工地址</div>
  </div>
  <div class="mt-[30px] flex">
    <el-form-item label="施工地址" prop="name">
      <el-input
        :disabled="disabled"
        placeholder="请填写施工地址"
        v-model="addInfo.address"
        style="width: 20vw"
        class="w-[318px]"
      ></el-input>
    </el-form-item>
  </div>
</template>
<script setup lang="ts">
import getAssetsFile from "@/utils/getImageurl.ts";
import {
  reactive,
  defineProps,
  watchEffect,
  ref,
  defineExpose,
  defineEmits,
} from "vue";
import { getPrice } from "@/utils/api";
import { useRouter, useRoute } from "vue-router";
const props = defineProps({
  disabled: { type: Boolean, default: false },
  addInfo: { type: Object as any },
});
const addInfo = reactive({
  address: "",
});
watchEffect(() => {
  if (props.addInfo) {
    addInfo.address = props.addInfo.address;
  }
});
defineExpose({
  addInfo,
});
</script>
